<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- HEAD -->
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>服务中心_计算机协会</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="by www.dede58.com">

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- GLOBAL MANDATORY STYLES -->
<link href="/dede58/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/et-line/et-line.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN THEME PLUGINS STYLE -->
<link href="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/animate.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css"/>
<!-- END THEME PLUGINS STYLE -->

<!-- THEME STYLES -->
<link href="http://p022ygu5e.bkt.clouddn.com/css/global.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->

<!-- THEME -->
<link href="/dede58/css/theme/dark.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/theme/base.css" rel="stylesheet" type="text/css" id="style-color"/>
<!-- END THEME -->

<!-- BEGIN JQUERY -->
<script type="text/javascript" src="/dede58/plugins/jquery.min.js"></script>
<!-- END JQUERY -->

<!-- FAVICON -->
<link rel="shortcut icon" href="favicon.ico"/>
<!-- END FAVICON -->
</head>
<!-- END HEAD -->
<!-- BODY -->
<body>

<!-- WRAPPER -->
<div class="wrapper animsition">   
    <!--========== HEADER TRANSPARENT ==========-->
     <header class="header-transparent header-transparent-bb navbar-fixed-top header-sticky">
  <link href="/dede58/css/theme/green.css" rel="stylesheet" type="text/css"/>
  <!-- Navbar -->
  <nav class="navbar mega-menu" role="navigation">
    <div class="container"> 
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="menu-container">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse"> <span class="sr-only">导航</span> <span class="toggle-icon"></span> </button>
        <div class="navbar-actions"> 
          <!-- Search Fullscreen -->
          <div class="navbar-actions-shrink search-fullscreen search-fullscreen-trigger-white">
            <div class="search-fullscreen-trigger"> <i class="search-fullscreen-trigger-icon fa fa-search"></i> </div>
            <div class="search-fullscreen-overlay">
              <div class="search-fullscreen-overlay-content">
                <div class="search-fullscreen-input-group">
                  <form method="post" class="form" name="formsearch" action="/plus/search.php">
                    <input class="form-control search-fullscreen-input" placeholder="搜索内容 ..." type="text" name="q">
                    <select name="searchtype" class="search-option" id="search-option" type="hidden" style="display:none">
                      <option value="title" selected='1'>检索标题</option>
                      <option value="titlekeyword">智能模糊</option>
                    </select>
                    <button class="search-fullscreen-search" type="submit"><i class="search-fullscreen-search-icon fa fa-search"></i></button>
                  </form>
                </div>
              </div>
            </div>
            <div class="search-fullscreen-bg-overlay">
              <div class="search-fullscreen-close">×</div>
            </div>
          </div>
          <!-- End Search Fullscreen --> 
          
        </div>
        <!-- Logo -->

        <div class="navbar-logo"> <a class="navbar-logo-wrap" href="/"> <img class="navbar-logo-img navbar-logo-img-white" src="/dede58/img/logo-default-white.png" alt="Ark"> <img class="navbar-logo-img navbar-logo-img-dark" src="/dede58/img/logo-default.png" alt="Ark"> </a> </div>
        <!-- End Logo --> 
      </div>
      
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse nav-collapse">
        <div class="menu-container">
          <ul class="nav navbar-nav">
            <!-- Home -->
 <li class="nav-item dropdown">   <a class="nav-item-child dropdown-toggle radius-3" href="/index.html" > 首页 </a>
          
      </li>
            <!-- End Home -->
            
            <li class="nav-item dropdown"> <a class="nav-item-child dropdown-toggle radius-3" href="/a/news/" data-toggle="dropdown"> 新闻中心 </a>
              <ul class="dropdown-menu">
                <!-- Default -->
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/chanpindongtai/">协会新闻</a></li>
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/gongsixinwen/">学校新闻</a></li>
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/news/xingyezhishi/">行业知识</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown"> <a class="nav-item-child dropdown-toggle radius-3" href="/a/anni/" data-toggle="dropdown"> 活动中心 </a>
              <ul class="dropdown-menu">
                <!-- Default -->
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/pingmian/">课程培训</a></li>
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/shouji/">考试培训</a></li>
                <li class="dropdown-menu-item"><a class="dropdown-menu-item-child" href="/a/anni/websj/">协会活动</a></li>
              </ul>
            </li>
            <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/guanyuwomen/"> 关于我们 </a> </li>
            <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/fuwuzhongxin/"> 服务中心 </a> </li>
            <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/lianxiwomen/"> 联系我们 </a> </li>
            <li class="nav-item "> <a class="nav-item-child dropdown-toggle radius-3" href="/a/wenzhangboke/"> 文章博客 </a> </li>
          </ul>
        </div>
      </div>
      <!-- End Navbar Collapse --> 
    </div>
    <!--// End Container--> 
  </nav>
  <!-- Navbar --> 
</header>

    <!--========== END HEADER TRANSPARENT ==========-->

  
    <!--========== BREADCRUMBS V5 ==========-->
    <section class="breadcrumbs-v5 breadcrumbs-v5-bg-img-v7">
        <div class="container">
            <!-- Animated Headline v1 -->
            <div class="animated-headline-v1 color-white">
                <p class="animated-headline-v1-subtitle color-white">www.njcit-safe.cn</p>
                <h2 class="animated-headline-title letters type color-white margin-b-40">
                    <span class="animated-headline-wrap waiting">
                        <b class="is-visible">服务中心</b>
                        <b>网页设计</b>
                        <b>游戏开发</b>
                        <b>程序设计</b>
                        <b>影视后期</b>
                    </span>
                </h2>
                <p class="breadcrumbs-v5-subtitle">南京信息职业技术学院<br/>我们致力于提高全院的计算机水平</p>
            </div>
            <!-- End Animated Headline v1 -->
        </div>
    </section>
    <!--========== END BREADCRUMBS V5 ==========-->

    <!--========== PAGE CONTENT ==========-->
    <!-- Icon Box v1 -->
    <div class="bg-color-sky-light">
        <div class="content-md container">
            <!-- Heading v1 -->
            <div class="heading-v1 text-center margin-b-80">
                <h2 class="heading-v1-title">我们致力于提高全院学生的计算机水平</h2>
            </div>
            <!-- End Heading v1 -->

            <div class="row">
                <div class="col-md-4 md-margin-b-50">
                    <!-- Icon Box v1 -->
                    <div class="icon-box-v1">
                        <div class="icon-box-v1-header icon-box-v1-header-bg-one">
                            <i class="icon-box-v1-bg-icon icon-wine"></i>
                            <i class="icon-box-v1-icon icon-wine"></i>
                        </div>
                        <div class="icon-box-v1-content">
                            <h3 class="icon-box-v1-title">课程报名</h3>
                            <p>我们会在一切就绪之后发布一些课程</p>
                        </div>
                        <a class="icon-box-v1-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v1 -->
                </div>
                <div class="col-md-4 md-margin-b-50">
                    <!-- Icon Box v1 -->
                    <div class="icon-box-v1">
                        <div class="icon-box-v1-header icon-box-v1-header-bg-two">
                            <i class="icon-box-v1-bg-icon icon-camera"></i>
                            <i class="icon-box-v1-icon icon-camera"></i>
                        </div>
                        <div class="icon-box-v1-content">
                            <h3 class="icon-box-v1-title">老师授课</h3>
                            <p>我们会请到专业的老师为大家讲解</p>
                        </div>
                        <a class="icon-box-v1-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v1 -->
                </div>
                <div class="col-md-4">
                    <!-- Icon Box v1 -->
                    <div class="icon-box-v1">
                        <div class="icon-box-v1-header icon-box-v1-header-bg-three">
                            <i class="icon-box-v1-bg-icon icon-beaker"></i>
                            <i class="icon-box-v1-icon icon-beaker"></i>
                        </div>
                        <div class="icon-box-v1-content">
                            <h3 class="icon-box-v1-title">课后论坛</h3>
                            <p>这是一个开放的课堂</p>
                        </div>
                        <a class="icon-box-v1-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v1 -->
                </div>
            </div>
            <!--// end row -->
        </div>
    </div>
    <!-- End Icon Box v1 -->
            </div>
        </div>
        <!--// end row -->
    </div>
    <!-- End Piechart v2 -->

    <!-- Icon Box v4 -->
    <div class="banner-img-v2">
        <div class="content-md container-sm">
            <!-- Heading v1 -->
            <div class="heading-v1 heading-v1-white text-center margin-b-70">
                <h2 class="heading-v1-title">课程安排</h2>
                <p class="heading-v1-text">从零开始<br/> 努力、奋斗</p>
            </div>
            <!-- End Heading v1 -->

            <div class="margin-b-70">
                <div class="row">
                    <div class="col-sm-4 sm-margin-b-30">
                        <!-- Icon Box v4 -->
                        <div class="icon-box-v4 icon-box-v4-white">
                            <div class="theme-icons-wrap icon-box-v4-element">
                                <i class="theme-icons theme-icons-base-bg theme-icons-lg radius-circle icon-expand"></i>
                            </div>
                            <div class="icon-box-v4-body">
                                <h3 class="icon-box-v4-body-title">第一阶段：预习</h3>
                                <p class="icon-box-v4-body-text">观看在线视频课程</p>
                            </div>
                        </div>
                        <!-- End Icon Box v4 -->
                    </div>
                    <div class="col-sm-4 sm-margin-b-30">
                        <!-- Icon Box v4 -->
                        <div class="icon-box-v4 icon-box-v4-white">
                            <div class="theme-icons-wrap icon-box-v4-element">
                                <i class="theme-icons theme-icons-base-bg theme-icons-lg radius-circle icon-chat"></i>
                            </div>
                            <div class="icon-box-v4-body">
                                <h3 class="icon-box-v4-body-title">第二阶段：上课</h3>
                                <p class="icon-box-v4-body-text">网络上课和现场答疑互动</p>
                            </div>
                        </div>
                        <!-- End Icon Box v4 -->
                    </div>
                    <div class="col-sm-4">
                        <!-- Icon Box v4 -->
                        <div class="icon-box-v4 icon-box-v4-white">
                            <div class="theme-icons-wrap icon-box-v4-element">
                                <i class="theme-icons theme-icons-base-bg theme-icons-lg radius-circle icon-layers"></i>
                            </div>
                            <div class="icon-box-v4-body">
                                <h3 class="icon-box-v4-body-title">第三阶段：操作</h3>
                                <p class="icon-box-v4-body-text">课外一对一咨询和指导</p>
                            </div>
                        </div>
                        <!-- End Icon Box v4 -->
                    </div>
                </div>
                <!--// end row -->
            </div>

            <!-- Button -->
            <div class="center-block wow fadeInUp" data-wow-duration=".2" data-wow-delay=".3s">
                <a class="btn-base-bg btn-base-md radius-3" href="http://www.dede58.com/xueyuan/peixun/">View More</a>
            </div>
            <!-- Button -->
        </div>
    </div>
    <!-- End Icon Box v4 -->

    <!-- Theme Portfolio -->
    <section class="content-md full-width-container">
        <!-- Heading v1 -->
        <div class="heading-v1 text-center margin-b-80">
            <h2 class="heading-v1-title">老师介绍</h2>
            <p class="heading-v1-text">计算机协会致力于提高全院计算机水平</p>
        </div>
        <!-- End Heading v1 -->

        <div class="theme-portfolio theme-portfolio-nav-v2">
            <!-- Portfolio Slider 4 Columns Fullwidth -->
            <div id="portfolio-slider-4-col-fullwidth" class="cbp">
             
              
            </div>
            <!-- End Portfolio Slider 4 Columns Fullwidth -->
        </div>
    </section>
    <!-- End Theme Portfolio -->

    <!-- Slider Block -->
    <article class="bg-color-sky-light">
        <div class="content-md container">
            <div class="row">
                <div class="col-md-6 md-margin-b-30">
                    <div id="slider-block" class="carousel slide carousel-fade" data-ride="carousel">
                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/01.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/28.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/44.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/38.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/29.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/18.jpg" alt="">

                            </div>
                            <div class="item">
                                <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x647/03.jpg" alt="">
                            </div>
                        </div>
                        <!-- End Wrapper for slides -->

                        <!-- Controls -->
                        <a class="left carousel-control theme-carousel-control-v1 radius-3" href="#slider-block" role="button" data-slide="prev">
                            <span class="carousel-control-arrows-v1 radius-3 fa fa-angle-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control theme-carousel-control-v1 radius-3" href="#slider-block" role="button" data-slide="next">
                            <span class="carousel-control-arrows-v1 radius-3 fa fa-angle-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                        <!-- End Controls -->

                        <!-- Indicators -->
                        <ol class="carousel-indicators theme-carousel-indicators-v5">
                            <li data-target="#slider-block" data-slide-to="0" class="active">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/18.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="1">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/19.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="2">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/20.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="3">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/21.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="4">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/22.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="5">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/23.jpg" alt="">
                            </li>
                            <li data-target="#slider-block" data-slide-to="6">
                                <img class="theme-carousel-indicators-item radius-circle" src="http://p022ygu5e.bkt.clouddn.com/250x250/24.jpg" alt="">
                            </li>
                        </ol>
                        <!-- End Indicators -->
                    </div>
                </div>
                <div class="col-md-6">
                    <!-- Slider Block Content -->
                    <!-- Heading v1 -->
                    <div class="heading-v1 margin-b-20">
                        <h2 class="heading-v1-title">协会简介</h2>
                    </div>
                    <!-- End Heading v1 -->

                    <div class="margin-b-20">
                        <p>南京信息职业技术学院计算机协会致力于提高全院的计算机水平</p>
                    </div>
                    <ul class="list-unstyled lists-base margin-b-30">
                        <li><i class="lists-item-element fa fa-angle-double-right"></i>软件技术</li>
                        <li><i class="lists-item-element fa fa-angle-double-right"></i>软件工程</li>
                        <li><i class="lists-item-element fa fa-angle-double-right"></i>计算机应用技术</li>
                        <li><i class="lists-item-element fa fa-angle-double-right"></i>网页开发</li>
                        <li><i class="lists-item-element fa fa-angle-double-right"></i>影视后期剪辑</li>
                    </ul>
                    <button type="button" class="btn-base-bg btn-base-md radius-3">Read More</button>
                    <!-- End Slider Block Content -->
                </div>
            </div>
        </div>
    </article>
    <!-- End Slider Block -->

  

    <!--========== END PAGE CONTENT ==========-->

   <!-- Copyright -->

<div class="footer-v5-copyright">
  <div class="content-sm container-sm">
    <div class="center-block"> <a href="/"> <img class="footer-v5-copyright-logo margin-b-30" src="/dede58/img/logo-default-white.png" alt=""> </a>
      <!-- Copyright Socials -->
      <ul class="list-inline footer-v5-copright-socials margin-b-30">
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/">网站首页</a></li>
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/guanyuwomen/">关于我们</a></li>
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/fuwuzhongxin/">服务中心</a></li>
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/news/gongsixinwen/">新闻中心</a></li>
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/anni/">精彩展示</a></li>
        <li class="footer-v5-copright-socials-item"><a class="footer-v5-copright-socials-link" href="/a/lianxiwomen/">联系我们</a></li>
      </ul>
      <!-- End Copyright Socials -->
      <p class="footer-v5-copright-text"><br/>
        苏ICP备17069359号</p>
    </div>
  </div>
</div>
<!-- End Copyright --> 
    <!--========== END FOOTER ==========-->
</div>
<!-- END WRAPPER -->

<!-- Sidebar Content Overlay -->
<div class="sidebar-content-overlay"></div>
<!-- End Sidebar Content Overlay -->

<!-- Back To Top -->
<a href="javascript:void(0);" class="js-back-to-top back-to-top-theme"></a>
<!-- End Back To Top -->

<!--========== JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) ==========-->
<!-- CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="/dede58/plugins/html5shiv.js"></script>
<script src="/dede58/plugins/respond.min.js"></script>
<![endif]-->
<script type="text/javascript" src="/dede58/plugins/jquery.migrate.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- END CORE PLUGINS -->

<!-- PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="/dede58/plugins/jquery.back-to-top.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.smooth-scroll.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.animsition.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.wow.min.js"></script>
<script type="text/javascript" src="http://p022ygu5e.bkt.clouddn.com/js/waypoints.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/counter/jquery.counterup.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/circles-master/circles.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/jquery.appear.js"></script>
<script type="text/javascript" src="/dede58/plugins/owl-carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/owl-carousel/owl.carousel.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->

<!-- PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/dede58/scripts/app.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/header-sticky.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/animsition.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/scrollbar.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/form-modal.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/wow.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/counters.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/magnific-popup.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/animated-headline.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/piecharts.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/progress-bar.js"></script>
<script type="text/javascript" src="/dede58/scripts/components/owl-carousel.js"></script>
<script type="text/javascript" src="/dede58/scripts/portfolio/portfolio-slider-4-col-fullwidth.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<!--========== END JAVASCRIPTS ==========-->
</body>
<!-- END BODY -->

</html>
